<template>
    <div class="goodsBox">
      <div class="img">
        <el-image :src="row.goodsImage" fit="fill" v-image-preview="row.goodsImage"></el-image>
      </div>
      <div class="goodsRight">
        <div class="goodsName color-444 ellipsis-item font-size-13">{{row.goodsName}}</div>
        <div class="goodsLabel d-flex">
          <div class="color-999 d-flex margin-right-10 font-size-13">单价:{{row.salePrice}}</div>
          <div class="color-999 d-flex font-size-13">数量:{{row.salePrice}}</div>
        </div>
      </div>
    </div>
</template>
<script>
    export default {
        name: 'goodsBox',
        props: {
          row: {
            type: Object,
            default: ''
          }
        },
        data () {
            return {
                statusRow: ''
            }
        },
        watch: {
          row (val) {

          }
        },
        mounted() {
           //this.statusRow = val;
        }
    }
</script>
<style lang="scss">
    .orderTabel .el-table__expanded-cell{
      background-color: #fff!important;
    }
    .orderTabel .el-table__cell.el-table__expanded-cell{
      padding-right:0px!important;
    }
    .orderTabel .el-table__row {
         background: #FAFCFB !important;
          height: 36px !important;
      }
      .orderTabel .el-table__row  td{
        padding:0px;
        height:30px;
      }
      .orderTabel .goodsBox .goodsName{
        margin:5px 0 10px 0;
      }
      .orderTabel .el-table td .cell {
          height: 30px;
          display: flex;
          align-items: center;
      }
      .item-box {
          color: #444;
          padding:10px 0;
      }
      .item-box-item-1{
         width: 550px;
         //padding: 16px 14px 14px;
      }
      .orderTabel /deep/ .el-table__expanded-cell{
        background-color: #fff!important;
      }
      .orderTabel /deep/ .el-table__cell.el-table__expanded-cell{
        padding-right:0px;
      }
</style>
